<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$hd.config.WEBNAME}</title>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="__STATIC__/jquery-1.11.1.min.js"></script>
    <css file="__STATIC__/hdjs/hdjs.css"/>
    <js file="__STATIC__/hdjs/hdjs.min.js"/>
    <css file="__TEMPLATE__/css/common.css"/>
    <css file="__TEMPLATE__/css/index.css"/>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap-theme.min.css">
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <css file="__TEMPLATE__/css/ie.css"/>
    <![endif]-->
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<include file="__TEMPLATE__/block/header.html"/>
<div id="photo">
    <div class="container">
        <div class="row">
            <div class="col-md-5 main-cta-left">
                <h3 class="title">免费、简单的开源产品</h3>
                <h4 class="info">专注提高网站开发效率</h4>
                <a href="__ROOT__/index.php?m=Index&c=Category&a=index&mid=1&cid=6" class="btn btn-large btn-success cta-button">立即下载</a>
            </div>
            <div class="col-md-7">
                <div id="slide">
                    <a href="__ROOT__/index.php?m=Index&c=Category&a=index&mid=1&cid=6" title=" HDCMS快速建站利器"><img src="__TEMPLATE__/images/screenshot2.png"/></a>
                    <a href="__ROOT__/index.php?m=Index&c=Category&a=index&mid=1&cid=6" title=" HDPHP百分百免费、性能强劲的开源框架"><img src="__TEMPLATE__/images/screenshot1.png"/></a>
                </div>
                <script>
                    $(function () {
                        $('#slide').slide({
                            width: 560,//宽度
                            height: 397,//高度
                            timeout: 3,//间隔时间
                            bgcolor: '#1B2527',//背景颜色
                            bgopacity: 0.5,//背景透明度
                            textColor: '#fff'//文字颜色
                        });
                    })
                </script>
            </div>
        </div>
    </div>
</div>
<div id="features" class="container">
    <h3 class="text-center">为什么选择后盾网开源产品？</h3>

    <div class="row">
        <div class="col-md-4">
            <img style="top: 0px; opacity: 1;" src="__TEMPLATE__/images/site-tour-why-create@2x.png"
                 alt="create with connect" class="img-circle img-responsive why-section">
            <h4 class="text-center">功能丰富</h4>

            <p class="text-center"> 提供丰富的内置功能与扩展机置，可以根据需要随意定制</p>
        </div>
        <div class="col-md-4">
            <img style="top: 0px; opacity: 1;" src="__TEMPLATE__/images/site-tour-why-create@2x.png"
                 alt="create with connect" class="img-circle img-responsive why-section">
            <h4 class="text-center">快速上手</h4>

            <p class="text-center"> 每一个开源产品我们都提供完善的使用视频教程与交流渠道</p>
        </div>
        <div class="col-md-4">
            <img style="top: 0px; opacity: 1;" src="__TEMPLATE__/images/site-tour-why-create@2x.png"
                 alt="create with connect" class="img-circle img-responsive why-section">
            <h4 class="text-center">安全可靠</h4>

            <p class="text-center"> 所有产品均经过严格测试，可以放心用在网站开发中</p>
        </div>
    </div>
</div>
<div class="container" id="article">
    <div class="row">
        <div class="col-md-6">
            <div class="news">
                <h4><a href="__ROOT__/index.php?m=Index&c=Category&a=index&mid=1&cid=1">更多>></a>框架资讯</h4>
                <ul>
                    <arclist row="6" cid="1" sub_channel="1">
                        <li>
                            <a href="{$field.url}"><span class="datetime">{$field.time}</span>{$field.title}</a>
                        </li>
                    </arclist>
                </ul>
            </div>
        </div>
        <div class="col-md-6">
            <div class="news">
                <h4><a href="__ROOT__/index.php?m=Index&c=Category&a=index&mid=1&cid=2">更多>></a>CMS资讯</h4>
                <ul>
                    <arclist row="6" cid="2" sub_channel="1">
                        <li>
                            <a href="{$field.url}"><span class="datetime">{$field.time}</span>{$field.title}</a>
                        </li>
                    </arclist>
                </ul>
            </div>
        </div>
    </div>
</div>
<include file="__TEMPLATE__/block/footer.html"/>
</body>
</html>